<template>
  <!-- 定义一个div，类名为home -->
  <div class="home">
    <!-- 在div中插入一个图片，alt属性为EMS logo，src属性为../assets/image/ems.png -->
    <img alt="EMS logo" src="../assets/image/ems.png">
    <!-- 在div中插入一个HelloWorld组件，msg属性为welcome to ems-admin -->
    <HelloWorld :msg="msg"/>
  </div>
</template>

<script>
// @ is an alias to /src
// 引入HelloWorld组件
import HelloWorld from '../components/HelloWorld.vue'

export default {
  name: 'Home',
  components: {
    HelloWorld
  },
  // 定义data属性
  data(){
    return{
      // msg属性为welcome to ems-admin
      msg: 'welcome to ems-admin'
    }
  }
}
</script>
<style scoped>
  /* 定义home类的样式，文本居中 */
  .home{
    text-align: center;
  }
</style>